<template>
	<view>
		<view class="top">
			<image src="../../static/index/11.png" mode="aspectFill" class="image1"></image>
			<view class="place">点击头像进行编辑</view>
		</view>
		<input type="text" :placeholder="name">
		<view class="place">点击名称进行编辑</view>
		<button class="button">保存</button>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				name:"铁柱"
			}
		}
	}
</script>

<style>
	page{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.image1{
		width: 119rpx;
		height: 119rpx;
		border-radius: 100%;
	}
	.top{
		width: 660rpx;
		height: auto;
		margin: 50rpx auto 20rpx auto;
	}
	input{
		width: 660rpx;
		height: auto;
		margin: 60rpx auto 20rpx auto;
	}
		
	.place{
		width: 660rpx;
		margin: 0 auto;
		font-size: 28rpx;
		margin-top: 20rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #BBBBBB;
	}
	.button{
		width: 660rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border: 0;
		margin: 94rpx auto;
		background: #ECD91D;
		border-radius: 10rpx;
	}
</style>